<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="utf-8"%>
<%@ include file="/public/pathvariable.jsp" %>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
		<title>修改密码</title>
		<link rel="stylesheet" type="text/css" href="<%=basePath %>css/style.css">
		<link rel="stylesheet" type="text/css" href="<%=basePath %>css/f_style.css">
		<link rel="stylesheet" type="text/css" href="<%=basePath %>css/msg.css">
		<link rel="stylesheet" type="text/css" href="<%=basePath %>css/ui_base.css">
		<script>
			var basePath = "<%=basePath%>";
		</script>
		<script type="text/javascript" src="<%=basePath %>js/jquery.min.1.8.2.js"></script>
		<script type="text/javascript" src="<%=basePath %>js/layer/layer.min.js"></script>
		<script type="text/javascript" src="<%=basePath %>js/f_index_left_menu_tree.js" defer="defer"></script>
		<script type="text/javascript" src="<%=basePath %>js/userSession.js" defer="defer"></script>

		<!--表单验证插件引入-->
		<link rel="stylesheet" href="<%=basePath %>js/Validation/css/validationEngine.jquery.css">
		<script src="<%=basePath %>js/Validation/js/jquery.validationEngine-zh_CN.js" defer="defer"></script>
		<script src="<%=basePath %>js/Validation/js/jquery.validationEngine.js" defer="defer"></script>

		<script type="text/javascript" src="js/editPassword.js" defer="defer"></script>
	</head>

	<body>
		<jsp:include page="/public/header.jsp" />
		<div class="main w clearfix">
			<jsp:include page="/public/left.jsp" />
			<div class="right posr2">
				<input type="hidden" id="userId"/>
				<div class="sitePosition">
					<a href="<%=basePath %>index.jsp?parId=0">首页</a> > 修改密码
				</div>
				<!--修改密码 f_chagePassWord Start-->
				<div class="f_chagePassWord  formular validationEngineContainer" id="editPasswordForm">
					<fieldset>
						<div class="f_list">
							<div class="f_lll">旧密码</div>
							<div class="f_ccc">
								<input type="password" id="oldPassword" class="style enterKeyDownElement" maxlength="20" placeholder="请输入6-20位的旧密码" data-errormessage-range-underflow=" * 密码长度不能小于6位！" data-errormessage-range-overflow=" * 密码最长不能超过20位！" data-validation-engine="validate[required,minSize[6],maxSize[20],custom[onlyLetterNumber]]" data-prompt-position="centerRight:40,5" data-errormessage-value-missing=" * 旧密码不能为空！" data-errormessage-custom-error=" * 密码只能由字母和数字组成！" />
							</div>
							<div class="f_rrr">
								<div class="tiShiText" id="oldPasswordNotice"></div>
							</div>
						</div>

						<div class="f_list">
							<div class="f_lll">输入新密码</div>
							<div class="f_ccc"><input type="password" class="style newPassWord enterKeyDownElement" id="newPassWord" maxlength="20" placeholder="请输入新密码" data-errormessage-range-underflow=" * 密码长度不能小于6位！" data-errormessage-range-overflow=" * 密码最长不能超过20位！" data-validation-engine="validate[required,minSize[6],custom[onlyLetterNumber],maxSize[20]]" data-prompt-position="centerRight:40,5" data-errormessage-value-missing=" * 新密码不能为空！" data-errormessage-custom-error=" * 密码只能由字母和数字组成！" /></div>
							<div class="f_rrr" id="gggareass">
								<div class="passStrength" id="passStrength" style="display:none;">
									<div class="shuju cur"><span></span><span></span><span></span><span></span><span></span><span></span></div>
									<div class="shuju gray"><span></span><span></span><span></span><span></span><span></span><span></span></div>
								</div>
								<div class="tiShiText" id="passTiShiText"></div>
							</div>
						</div>
						<div class="f_list">
							<div class="f_lll">确认新密码</div>
							<div class="f_ccc"><input type="password" class="style determinePassWord enterKeyDownElement" id="determinePassWord" maxlength="20" placeholder="请再次输入新密码" data-errormessage-range-underflow=" * 密码长度不能小于6位！" data-errormessage-range-overflow=" * 密码最长不能超过20位！" data-validation-engine="validate[required,minSize[6],custom[onlyLetterNumber],maxSize[20],equals[newPassWord]]" data-prompt-position="centerRight:40,5" data-errormessage-value-missing=" * 请再次输入新密码！" data-errormessage-custom-error=" * 密码只能由字母和数字组成！" /></div>
							<div class="f_rrr">
								<div class="tiShiText" id="determineNotice"></div>
							</div>
						</div>
						<div class="f_list">
							<div class="f_lll"></div>
							<div class="f_ccc">
								<div class="f_submitBtn">
									<a href="javascript:void(0)" class="ui_btn w140 green" id="editPasswordBtn">提交</a>
								</div>
							</div>
						</div>
						<div class="clear"></div>
						<Br>
						<Br>
					</fieldset>
				</div>
				<!--修改密码 f_chagePassWord End-->
			</div>
		</div>
	</body>
</html>